// 平均分柱状图
const averageOpts = {
	// color: ["#FAC858", "#EE6666", "#FAC858", "#EE6666", "#73C0DE",
	// 	"#3CA272", "#FC8452", "#9A60B4", "#ea7ccc"
	// ],
	padding: [30, 12, 30, 8],
	legend: {
		show: false,
	},
	// title:{
	// 	show: false,
	// },
	// enableScroll: true,

	xAxis: {
		disableGrid: true,
		// fontColor: '#4275FD',
		rotateLabel: true,
		scrollShow: true
	},
	yAxis: {
		gridType: 'dash',
		data: [{
			axisLine: false,
			calibration: true,
			tofix: 2,

			min: 0
		}]
	},
	extra: {
		tooltip: {
			showBox: false,
		},

		column: {
			width: 16,
			// activeBgColor: "#000000",
			// activeBgOpacity: 0.08,
			linearType: "custom",
			seriesGap: 5,
			barBorderRadius: [
				8,
				8,
				8,
				8
			],
			customColor: [
				"#5C64FF",
				"#6988F8"
			]
		}
	}
}
//  排名分布柱状图
const rankOpts = {
	color: ['#FFA600'],
	padding: [30, 12, 30, 8],
	legend: {
		show: false,
	},
	// title:{
	// 	show: false,
	// },
	// enableScroll: true,

	xAxis: {
		disableGrid: true,
		// fontColor: '#4275FD',
		rotateLabel: true,
		scrollShow: true
	},
	yAxis: {
		gridType: 'dash',
		data: [{
			axisLine: false,
			calibration: true,
			// tofix: 2,
			min: 0
		}]
	},
	extra: {
		tooltip: {
			showBox: false,
		},
		column: {
			// type: "group",
			width: 16,
			// activeBgColor: "#000000",
			// activeBgOpacity: 0.08,
			linearType: "custom",
			seriesGap: 5,
			barBorderRadius: [
				8,
				8,
				8,
				8
			],
			customColor: [
				"#FFA600",
				"#FEDB65"
			]
		}
	}
}

//  成绩分布柱状图  & 分数分布柱状图
const numsOpts = {
	color: ['#6DD400'],
	padding: [30, 12, 30, 8],
	legend: {
		show: false,
	},
	// enableScroll: true,

	xAxis: {
		disableGrid: true,
		rotateLabel: true,
		// rotateAngle
		// fontColor: '#4275FD',
		scrollShow: true
	},
	yAxis: {
		gridType: 'dash',
		data: [{
			axisLine: false,
			calibration: true,
			tofix: 2,
			min: 0
		}]
	},
	extra: {
		tooltip: {
			showBox: false,
		},
		column: {
			// type: "group",
			width: 16,
			// activeBgColor: "#000000",
			// activeBgOpacity: 0.08,
			linearType: "custom",
			seriesGap: 5,
			barBorderRadius: [
				8,
				8,
				8,
				8
			],
			customColor: [
				"#6DD400",
				"#44D7B6"
			]
		}
	}
}

// 优秀率柱状图
const percentOpts = {
	color: ['#5C64FF', '#FFA600'],
	padding: [30, 12, 30, 8],
	// enableScroll: true,

	xAxis: {
		disableGrid: true,
		// fontColor: '#4275FD',
		scrollShow: true
	},
	yAxis: {
		gridType: 'dash',
		data: [{
			axisLine: false,
			calibration: true,
			tofix: 2,
			min: 0
		}]
	},
	extra: {
		tooltip: {
			showBox: false,
		},
		column: {
			// type: "group",
			width: 16,
			// activeBgColor: "#000000",
			// activeBgOpacity: 0.08,
			linearType: "custom",
			seriesGap: 5,
			barBorderRadius: [
				8,
				8,
				8,
				8
			],
			customColor: [
				"#5C64FF",
				"#6988F8",
				"#FFA600",
				"#FEDB65",
			]
		}
	}
}

// 学生 成绩 & 排名 折线图配置
const studentNums = {
	color: ["#6174FC", "#FFA600", "#68D417"],
	padding: [15, 10, 0, 15],
	legend: {},
	xAxis: {
		disableGrid: true,
		rotateLabel: true
	},
	yAxis: {
		// gridType: 'dash',
		data: [{
			axisLine: false,
			calibration: true,
			tofix: 2,
			min: 0
		}]
	},
	extra: {
		tooltip: {
			showBox: false,
		},
		line: {
			type: "curve",
			width: 2
		}
	}
}

// 雷达图配置
const radarOpts = {
	color: ["#6174FC", "#FFA600"],
	padding: [5, 5, 5, 5],
	dataLabel: true,
	legend: {
		show: true,
		position: "bottom",
		lineHeight: 25
	},

	extra: {
		radar: {
			gridType: "radar",
			gridColor: "#CCCCCC",
			gridCount: 3,
			opacity: 0.2,
			border: true
		}
	}
}


export {
	averageOpts,
	rankOpts,
	numsOpts,
	percentOpts,
	studentNums,
	radarOpts,
}
